/**
 * 系统使用情况统计
 * @type 
 */
var sytjb = {
	baseColor : '#eee',
	getId : function() {
		return 'sytjb';
	},
	init : function() {
		return this.getSytjbView();
	},
	getStore : function() {
		var me = this;
		var myStore = Ext.create('Ext.data.Store', {
					fields : ['name', 'data'],
					proxy : {
						type : 'ajax',
						url : 'sytjb/GetSytjbDataServlet',
						reader : {
							type : 'json',
							root : 'datas'//被加载时，该项不起作用,数据必须是裸露的数据
						}
					},
					autoLoad : true
				});
		return myStore;
	},
	generateData : function(n, floor) {
		var data = [], p = (Math.random() * 11) + 1, i;
		floor = (!floor && floor !== 0) ? 20 : floor;
		for (i = 0; i < (n || 12); i++) {
			data.push({
						name : '测试' + i,
						data1 : Math.floor(Math.max((Math.random() * 100),
								floor))
					});
		}
		return data;
	},

	getSytjbView : function() {
		var me = this;
		var store = me.getStore();
		store.loadData(me.generateData(9, 0));
		var chart = Ext.create('Ext.chart.Chart', {
					xtype : 'chart',
					animate : {
						easing : 'bounceOut',
						duration : 750
					},
					store : store,
					style : 'background:#fff',
					axes : [{
								type : 'Numeric',
								position : 'left',
								fields : ['data'],
								minimum : 0,
								maximum : 10,
								label : {
									renderer : Ext.util.Format
											.numberRenderer('0,0')
								},
								title : '使用次数',
								grid : {
									odd : {
										stroke : '#555'// 外边框线色
									},
									even : {
										stroke : '#555'// 内部线色
									}
								}
							}, {
								type : 'Category',
								position : 'bottom',
								fields : ['name'],
								title : '使用月份',
								renderer : function(lbl) {
									var count = store.data.items.length;
									var num1 = parseInt(count / 12);
									count % 2 > 0 ? num1++ : '';
									return lbl % num1 == 0 ? lbl : '';
								}
							}],
					series : [{
						type : 'column',
						axis : 'left',// 指定Y轴 是左边这条
						highlight : true,// 鼠标移上去是否高亮显示
						width : 140,
						height : 28,
						tips : {
							trackMouse : true,
							width : 140,
							height : 28,
							renderer : function(storeItem, item) {
								this.setTitle(storeItem.get('name') + ': '
										+ storeItem.get('data'));
							}
						},
						label : {
							display : 'insideEnd',
							'text-anchor' : 'middle',
							field : 'data',
							orientation : 'horizontal',
							fill : '#000',
							font : '17px Arial'
						},
						renderer : function(sprite, storeItem, barAttr, i,
								store) {
							// 填充柱状图
							// barAttr.fill = colors[i % colors.length];
							return barAttr;
						},
						style : {
							opacity : 0.95
						},
						xField : 'name',
						yField : 'data',
						listeners : {
							'itemmouseup' : function(item) {
								me.selectMonthItem(chart, item);
							}
						}
					}]
				});

		var pp = Ext.create('Ext.panel.Panel', {
					border : false,
					layout : 'fit',
					tbar : [{
						text : '保存报表',
						iconCls : 'icon-save',
						handler : function() {
							Ext.MessageBox.confirm('下载提示', '是否下载该报表?',
									function(choice) {
										if (choice == 'yes') {
											chart.save({
														url : 'SvgToPng',
														type : 'image/png'
													});
										}
									});
						}
					}, {
						text : '重新加载',
						iconCls : 'icon-refresh',
						handler : function() {
							store.reload();
						}
					}],
					items : chart
				});
		return pp;

	},
	selectMonthItem : function(chart, item) { // 处理选中某一个Item的自定义函数
		var me = this;
		var series = chart.series.get(0); // 获取series

	}
}